// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
import VueAwesomeSwiper from 'vue-awesome-swiper';
import FastClick from 'fastclick';
import 'babel-polyfill'
import Cpp from './App'
import router from './router'
import store from './store/index.js'


import '@styles/reset.css'
import '@styles/border.css'
// iconfont.css全局引入后,全局都能用了
import '@styles/iconfont.css'
import 'swiper/dist/css/swiper.css'

Vue.config.productionTip = false;
// 把FastClick绑定到body
FastClick.attach(document.body);
Vue.use(VueAwesomeSwiper);

new Vue({
  el: '#app',  //有el配置项就是根组件
  router,
  // 利用了局部注册
  components: { XXX: Cpp },
  store: store, //把根组件注入到了所有的子组件
  // temlate的名字 要和引入的对应... 比如如果引入了 import hahaPP from './App', 那么template的名字要是<hahaPP />
  // 这个template是根实例的模板, 因为Vue文件有
  // 当我们在根实例里面写template的话, 那么它就会去覆盖我们根实例的盒子
  // template里面的内容其实是components里面的键名
  template: '<XXX />'
})
